.body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    :global {
        .ant-card-cover img {
            height: 20rem;
        }
    }
}
.card {
    width: 20rem;
}

@media only screen and (max-width: 600px) {
    .body {
        display: flex;
        flex-direction: column;

        :global {
            .ant-card-bordered {
                width: 18rem;
                margin: auto;
                margin-top: 1rem;
                margin-bottom: 2rem;
            }
        }
    }
}